<template>
	<view class="modTit spaceBet" :class="[hasBorBotFlag ? 'hasBorBot' : '']">
		<view>{{modTit}}<text class="smTit" v-if="smTit != ''" :class="[mustFlag ? 'must' : '']">({{smTit}})</text></view>
		<slot/>
	</view>
</template>

<script>
	export default {
		props:{
			modTit:String,
			smTit:String,
			mustFlag:{
				type:Boolean,
				default:false
			},
			hasBorBotFlag:{
				type:Boolean,
				default:false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.modTit{ 
		height: var(--hei90);
		line-height: var(--hei90);
		color: $pss-text-color0;
		font-weight: 600;
		font-size: 30rpx;
		display: flex;
		&.hasBorBot{
			border-bottom: 1rpx solid #ccc;
		}
		.smTit{
			font-weight: normal;
			color: $pss-text-color8;
			font-size: 24rpx;
			margin-left: 10rpx;
			&.must{
				color: $pss-color-red;
			}
		}
	}
</style>